<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/favicon.ico" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover"
    />
    <title>H5基础开发模板</title>
    <style>
      #app {
        width: 100vmax;
        height: 100vmin;
      }
      /* 媒体查询判断屏幕宽小于高 */
      @media screen and (orientation: portrait) {
        #app {
          transform: rotate(90deg);
          transform-origin: 50vmin;
        }
      }
    </style>
  </head>

  <body>
    <div id="app">
    </div>
  </body>
  <script type="module" src="/src/main.js"></script>
  <script>
  </script>
</html>